﻿<local:MyPage 
    x:Class="ConstellationShow.Pages.Collect"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:local="clr-namespace:ConstellationShow"
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    shell:SystemTray.IsVisible="True">
    <local:MyPage.Resources>
		<Style x:Key="ButtonStyle1" TargetType="Button">
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Button">
						<Canvas Margin="0,7,-2,8" Height="140">
							<Image Height="140" Source="{Binding Tag, RelativeSource={RelativeSource TemplatedParent}}" Width="141"/>
							<TextBlock Canvas.Left="78" TextWrapping="Wrap" Text="{TemplateBinding Content}" Canvas.Top="112" Width="49" FontSize="16" Foreground="#FF3B3B3B"/>
							<Image Height="25" Canvas.Left="17" Canvas.Top="100" Source="{Binding CommandParameter, RelativeSource={RelativeSource TemplatedParent}}" Width="28"/>
						</Canvas>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
    </local:MyPage.Resources>

    <!--LayoutRoot 是包含所有页面内容的根网格-->
    <Grid x:Name="LayoutRoot">
    	<Grid.Background>
    		<ImageBrush Stretch="Fill" ImageSource="/Images/blackground.jpg"/>
    	</Grid.Background>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
		
		<StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,0" Height="64">
            <TextBlock x:Name="PageTitle" Text="关注星座" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}" FontSize="46.667" Foreground="#FF6624C1"/>
        </StackPanel>

        <!--ContentPanel - 在此处放置其他内容-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="8,14,8,0">
        	<Button Content="白羊座" Click="Button_Click" MinHeight="0" CommandParameter="/Images/attention_01.png" HorizontalAlignment="Left" Height="140" Margin="8,12,0,0" Style="{StaticResource ButtonStyle1}" VerticalAlignment="Top" Width="141" Tag="/Images/icon_03.png"/>
            <Button Content="金牛座" Click="Button_Click" MinHeight="1" CommandParameter="/Images/attention_01.png" Height="140" Margin="162,12,161,0" Style="{StaticResource ButtonStyle1}" VerticalAlignment="Top" Tag="/Images/icon_04.png"/>
            <Button Content="双子座" Click="Button_Click" MinHeight="2" CommandParameter="/Images/attention_01.png" Height="140" Margin="0,12,7,0" Style="{StaticResource ButtonStyle1}" VerticalAlignment="Top" Tag="/Images/icon_05.png" HorizontalAlignment="Right" Width="141"/>
            <Button Content="巨蟹座" Click="Button_Click" MinHeight="3" CommandParameter="/Images/attention_01.png" HorizontalAlignment="Left" Margin="8,177,0,0" Style="{StaticResource ButtonStyle1}" Width="141" Tag="/Images/icon_06.png" Height="140" VerticalAlignment="Top"/>
            <Button Content="狮子座" Click="Button_Click" MinHeight="4" CommandParameter="/Images/attention_01.png" Margin="162,177,161,0" Style="{StaticResource ButtonStyle1}" Tag="/Images/icon_07.png" Height="140" VerticalAlignment="Top"/>
            <Button Content="处女座" Click="Button_Click" MinHeight="5" CommandParameter="/Images/attention_01.png" Margin="0,177,7,0" Style="{StaticResource ButtonStyle1}" Tag="/Images/icon_08.png" HorizontalAlignment="Right" Width="141" Height="140" VerticalAlignment="Top"/>
            <Button Content="天枰座" Click="Button_Click" MinHeight="6" CommandParameter="/Images/attention_01.png" HorizontalAlignment="Left" Margin="8,340,0,0" Style="{StaticResource ButtonStyle1}" Width="141" Tag="/Images/icon_09.png" Height="140" VerticalAlignment="Top"/>
            <Button Content="天蝎座" Click="Button_Click" MinHeight="7" CommandParameter="/Images/attention_01.png" Margin="162,340,161,0" Style="{StaticResource ButtonStyle1}" Tag="/Images/icon_10.png" Height="140" VerticalAlignment="Top"/>
            <Button Content="射手座" Click="Button_Click" MinHeight="8" CommandParameter="/Images/attention_01.png" Margin="0,340,8,0" Style="{StaticResource ButtonStyle1}" Tag="/Images/icon_11.png" HorizontalAlignment="Right" Width="141" Height="140" VerticalAlignment="Top"/>
            <Button Content="魔蝎座" Click="Button_Click" MinHeight="9" CommandParameter="/Images/attention_01.png" HorizontalAlignment="Left" Margin="8,505,0,0" Style="{StaticResource ButtonStyle1}" Width="141" Tag="/Images/icon_12.png" Height="140" VerticalAlignment="Top"/>
            <Button Content="水瓶座" Click="Button_Click" MinHeight="10" CommandParameter="/Images/attention_01.png" Margin="162,505,161,0" Style="{StaticResource ButtonStyle1}" Tag="/Images/icon_02.png" Height="140" VerticalAlignment="Top"/>
            <Button Content="双鱼座" Click="Button_Click" MinHeight="11" CommandParameter="/Images/attention_01.png" Margin="0,505,7,0" Style="{StaticResource ButtonStyle1}" Tag="/Images/icon_01.png" HorizontalAlignment="Right" Width="141" Height="140" VerticalAlignment="Top"/>
        </Grid>
    </Grid>


</local:MyPage>